﻿<!DOCTYPE html>
<html>
<head>
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Content/main.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/themes/base/jquery-ui.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.4.4-vsdoc.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery-ui.min.js")" type="text/javascript"></script>
</head>
<body>
    <!-- Header -->
    <div id="header">
        @*<img id="logo" alt="niipa" src="/Content/themes/base/images/logo.png" />*@
        <img id="headerStub" alt="header stub" src="/Content/themes/base/images/header_stub.png" />
       @* <img id="mainMenuLeft_bg" alt="niipa" src="/Content/themes/base/images/mainmenu_left_bg.png" />
        <img id="mainMenuRight_bg" alt="niipa" src="/Content/themes/base/images/mainmenu_right_bg.png" />*@
        <div id="mainMenu">
            <ul>
                <li></li>
                <li><a id="mainPageMenuItem" href="/" ><span>Main</span></a></li>
                <li><a id="salesPageMenuItem" href="/SalesManagement/Sales"><span>Sales</span></a></li>
                <li><a href="#"><span>Procurement</span></a></li>
                <li><a href="#"><span>Warehousing</span></a></li>
                <li><a href="#"><span>Human Resources</span></a></li>
                <li><a href="#"><span>Accounting</span></a></li>
            </ul>
        </div>
    </div>
    <!-- Content -->
    <div id="content">
        @RenderBody()
    </div>
    <!-- Footer -->
    <div id="footer">
    </div>
    <script type="text/javascript">
        $(document).ready(function () {
            var windowHeight = $(window).height();
            var headerHeight = $('#header').height();
            var footerHeight = $('#footer').height();
            $('#content').height(windowHeight - headerHeight - footerHeight);


//            $('#mainMenu a').click(function (e) {
//                var show = e.target.id;
//                $('.activeMainMenuItem').removeClass('activeMainMenuItem');
//                $(this).addClass('activeMainMenuItem');
//                return false;
//            });

        });
    </script>
</body>
</html>
